// out: ../css/

@import "./base.less";

// 定义变量
@rootSize: 37.5rem;

header {
    display: flex;
    justify-content: space-between;
    padding: 0 (15 / @rootSize);
    height: (44 / @rootSize);
    // background-color: pink;
    line-height: (44 / @rootSize);

    .icon-left {
        font-size: (24 / @rootSize);
    }

    h3 {
        font-size: (17 / @rootSize);
    }

    .note {
        font-size: (15 / @rootSize);
        color: #2CB5A5;
    }
}

.banner {
    margin-top: (30 / @rootSize);
    margin-bottom: (34 / @rootSize);
    text-align: center;

    img {
        margin-bottom: (18 / @rootSize);
        width: (240 / @rootSize);
        height: (206 / @rootSize);
    }

    p {
        font-size: (16 / @rootSize);

        span {
            color: #16C2A3;
        }
    }
}

.type {
    padding: 0 (15 / @rootSize);

    li {
        margin-bottom: (15 / @rootSize);
        padding: 0 (15 / @rootSize);
        height: (78 / @rootSize);
        border: 1px solid #EDEDED;
        border-radius: (4 / @rootSize);

        a {
            display: flex;
            align-items: center;
            height: (78 / @rootSize);

            img {
                margin-right: (40 / @rootSize);
                width: (40 / @rootSize);
                height: (40 / @rootSize);
            }

            .txt {
                flex: 1;

                h4 {
                    font-size: (16 / @rootSize);
                    color: #3C3E42;
                    line-height: (24 / @rootSize);
                }

                p {
                    font-size: (13 / @rootSize);
                    color: #848484;
                    line-height: (20 / @rootSize);
                }

                .icon-right {
                    font-size: (16 / @rootSize);
                }
            }
        }
    }
}